<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>【华为nova 5 Pro】华为 HUAWEI nova 5 Pro</title>
	<link rel="icon" href="img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="css/item.css" />
    <link rel="stylesheet" type="text/css" href="css/zoom.css" />
</head>

<body>

<!--页面顶部-->
<div id="nav-bottom" style="background: white;">
	<!--顶部-->
	<div class="nav-top">
		<div class="top">
			<div class="py-container" >
				<div class="shortcut">

					<ul class="fl">
						<li class="f-item">您好！</li>
						<li class="f-item">  请<a href="login.html" target="_blank" style="padding-left: 10px;">登录</a>　<span><a href="register.html" target="_blank">免费注册</a></span></li>
					</ul>
					<ul class="fr">
						<li class="f-item">我的订单</li>
						<li class="f-item space"></li>
						<li class="f-item">我的FM</li>
						<li class="f-item space"></li>
						<li class="f-item">FM会员</li>
						<li class="f-item space"></li>
						<li class="f-item">企业采购</li>
						<li class="f-item space"></li>
						<li class="f-item">客户服务</li>
						<li class="f-item space"></li>
						<li class="f-item">客户服务</li>
						<li class="f-item space"></li>
						<li class="f-item">网站导航</li>
					</ul>
				</div>
			</div>
		</div>
		<!--头部-->
		<div class="header">
			<div class="py-container" style="background: white;">
				<div class="yui3-g Logo">
					<div class="yui3-u Left logoArea" style="padding-top: 20px;">
						<img src="img/logo.png" width="60" height="60" alt="" style="float:left; margin-right: 10px;">
						<div style="font-size: 28px; color: #2b2b2b; margin-top: 18px;">FM商城</div>
					</div>
					<div class="yui3-u Center searchArea">
						<div class="search">
							<form action="" class="sui-form form-inline">
								<div class="input-append">
									<input type="text" id="autocomplete" type="text" class="input-error input-xxlarge" />
									<a class="sui-btn btn-xlarge btn-danger" href="search.html">搜索</a>
								</div>
							</form>
						</div>
						<div class="hotwords">
							<ul>
								<li class="f-item">运动清凉节</li>
								<li class="f-item">数码家电</li>
								<li class="f-item">每100-50</li>
								<li class="f-item">家具直降</li>
								<li class="f-item">AMD新品</li>
								<li class="f-item">海尔巅峰</li>
								<li class="f-item">清凉家装</li>
							</ul>
						</div>
					</div>
					<img src="img/gifgoods.gif" alt="" style="display: inline; position: absolute;right: 340px; top: 50px;">
				</div>
				<div class="yui3-g NavList" style="background: white;">
					<div class="yui3-u Left all-sort">
						<h4>全部商品分类</h4>
					</div>
					<div class="yui3-u Center navArea">
						<ul class="nav">
							<li class="f-item">限时抢购</li>
							<li class="f-item">优惠券</li>
							<li class="f-item">PLUS会员</li>
							<li class="f-item">闪购</li>
							<li class="f-item">拍卖</li>
							<li class="f-item">海囤全球</li>
							<li class="f-item">FM生鲜</li>
						</ul>
					</div>
					<div class="yui3-u Right" style="background: white;"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--主体内容-->
<div class="py-container">
	<div id="item">
		<div class="crumb-wrap">
			<ul class="sui-breadcrumb">
				<li>
					<a href="#">手机通讯</a>
				</li>
				<li>
					<a href="#">手机</a>
				</li>
				<li>
					<a href="#">华为</a>
				</li>
				<li class="active">华为nova 5 Pro</li>
			</ul>
		</div>
		<!--product-info-->
		<div class="product-info">
			<div class="fl preview-wrap">
				<!--放大镜效果-->
				<div class="zoom">
					<!--第一个预览-->
					<div id="preview" class="spec-preview">
						<span class="jqzoom"><img jqimg="img/detailimg1.jpg" src="img/detailimg1.jpg" /></span>
					</div>
					<!--下方的缩略图-->
					<div class="spec-scroll">
						<a class="prev">&lt;</a>
						<!--左右按钮-->
						<div class="items">
							<ul>
								<li><img src="img/detailimg1.jpg" bimg="img/detailimg1.jpg" onmousemove="preview(this)" /></li>
								<li><img src="img/detailimg2.jpg" bimg="img/detailimg2.jpg" onmousemove="preview(this)" /></li>
								<li><img src="img/detailimg3.jpg" bimg="img/detailimg3.jpg" onmousemove="preview(this)" /></li>
								<li><img src="img/detailimg4.jpg" bimg="img/detailimg4.jpg" onmousemove="preview(this)" /></li>
								<li><img src="img/detailimg5.jpg" bimg="img/detailimg5.jpg" onmousemove="preview(this)" /></li>
							</ul>
						</div>
						<a class="next">&gt;</a>
					</div>
				</div>
			</div>
			<div class="fr itemInfo-wrap">
				<div class="sku-name">
					<h4>华为 HUAWEI nova 5 Pro 前置3200万人像超级夜景4800万</h4>
				</div>
				<div class="news"><span>【6期免息+赠大额购物卡】麒麟980，4800万AI四摄，光学屏内指纹；nova5i享6期免息+购机赠大额购卡</span></div>
				<div class="summary">
					<div class="summary-wrap">
						<div class="fl title">
							<i>价　　格</i>
						</div>
						<div class="fl price">
							<i>¥</i>
							<em>2999.00</em>
							<span>降价通知</span>
						</div>
						<div class="fr remark">
							<div id="comment-count" class="comment-count item fl" style="margin-right: 20px;">
								<p class="comment" style="margin-bottom: 0px;font-size: 14px;">累计评价</p>
								<a class="count" href="#none" style="font-size: 18px;">4.9万+</a>
							</div>
						</div>
					</div>
					<div class="summary-wrap">
						<div class="fl title">
							<i>促　　销</i>
						</div>
						<div class="fl fix-width">
							<i class="goods-icons4 J-picon-tips" style="margin-top: 6px; margin-right: 7px;">满送活动</i>
							<em class="t-gray">满1000.00送200.00元，或满2000.00送500.00元</em>
						</div>
					</div>
				</div>
				<div class="support">
					<div class="summary-wrap">
						<div class="fl title">
							<i>增值业务</i>
						</div>
						<div class="fl fix-width">
							<em class="t-gray">高价回收, 卖了赚钱</em>
						</div>
					</div>
					<div class="summary-wrap">
						<div class="fl title">
							<i>配 送 至</i>
						</div>
						<div class="fl fix-width">
							<em class="t-gray">江苏南京市雨花台区 有货支持
								次日达 自提 免举证退换货 原厂维修</em>
						</div>
					</div>
				</div>
				<div class="clearfix choose">
					<div id="specification" class="summary-wrap clearfix">
						<dl>
							<dt>
								<div class="fl title">
								<i>选择颜色</i>
							</div>
							</dt>
							<dd><a href="javascript:;" class="selected">绮境森林<span title="点击取消选择">&nbsp;</span>
	</a></dd>
							<dd><a href="javascript:;">仲夏紫</a></dd>
							<dd><a href="javascript:;">亮黑色</a></dd>
						</dl>
						<dl>
							<dt>
								<div class="fl title">
								<i>选择版本</i>
							</div>
							</dt>
							<dd>
								<a href="javascript:;" class="selected">
									8GB+128GB
									<span title="点击取消选择">&nbsp;</span></a></dd>
							<dd><a href="javascript:;">8GB+256GB</a></dd>
						</dl>
						<dl>
							<dt>
								<div class="fl title">
								<i>选择版本</i>
							</div>
							</dt>
							<dd><a href="javascript:;" class="selected">标准版<span title="点击取消选择">&nbsp;</span></a></dd>
							<dd><a href="javascript:;">优享版</a></dd>
						</dl>
						<dl>
							<dt>
								<div class="fl title">
								<i>套　　装</i>
							</div>
							</dt>
							<dd><a href="javascript:;" class="selected">优惠套装1<span title="点击取消选择">&nbsp;</span>
	</a></dd>
							<dd><a href="javascript:;">优惠套装2</a></dd>
							<dd><a href="javascript:;" >优惠套装3</a></dd>
							<dd><a href="javascript:;"  class="locked">优惠套装4</a></dd>
						</dl>


					</div>

					<div class="summary-wrap">
						<div class="fl title">
							<div class="control-group">
								<div class="controls">
									<input autocomplete="off" type="text" value="1" minnum="1" class="itxt" />
									<a href="javascript:void(0)" class="increment plus">+</a>
									<a href="javascript:void(0)" class="increment mins">-</a>
								</div>
							</div>
						</div>
						<div class="fl">
							<ul class="btn-choose unstyled">
								<li>
									<a href="cart.html" target="_blank" class="sui-btn  btn-danger addshopcar">加入购物车</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--商品详情-->
		<div class="clearfix product-detail">
			<div class="fl aside">
				<div class="mt_xg">
					<h3>达人选购</h3>
				</div>
				<div class="tab-content tab-wraped">
					<div id="index" class="tab-pane active">

						<ul class="goods-list unstyled">
							<li>
								<div class="list-wrap">
									<div class="p-img">
										<img src="img/daren1.jpg"  width="153" height="117"/>
									</div>
									<div class="attr">
										<em>华为 nova 5 Pro 手机全网通 绮境森林 8G+128G</em>
									</div>
									<div class="price" style="margin-top: 5px;">
										<strong>
										<em>¥</em>
										<i>2999.00</i>
									</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="list-wrap">
									<div class="p-img">
										<img src="img/daren2.jpg"  width="153" height="117"/>
									</div>
									<div class="attr">
										<em>vivo iQOO Neo 骁龙845处理器 4500mAh强悍续航 22.5W超快闪充 </em>
									</div>
									<div class="price"  style="margin-top: 5px;">
										<strong>
										<em>¥</em>
										<i>1998.00</i>
									</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="list-wrap">
									<div class="p-img">
										<img src="img/daren3.jpg"  width="153" height="117"/>
									</div>
									<div class="attr">
										<em>华为 HUAWEI nova 5 Pro 前置3200万人像超级夜景4800万AI四摄麒麟</em>
									</div>
									<div class="price" style="margin-top: 5px;">
										<strong>
										<em>¥</em>
										<i>2999.00</i>
									</strong>
									</div>

								</div>
								<div class="list-wrap">
									<div class="p-img">
										<img src="img/daren4.png"  width="153" height="117"/>
									</div>
									<div class="attr">
										<em>realme X 4800万双摄 升降摄像头 屏下指纹 游戏手机 8GB+128GB朋</em>
									</div>
									<div class="price" style="margin-top: 5px;">
										<strong>
										<em>¥</em>
										<i>1799.00</i>
									</strong>
									</div>

								</div>
								<div class="list-wrap">
									<div class="p-img">
										<img src="img/daren5.jpg"  width="153" height="117"/>
									</div>
									<div class="attr">
										<em>荣耀20 4800万超广角AI四摄 3200W美颜自拍 麒麟Kirin980全网</em>
									</div>
									<div class="price" style="margin-top: 5px;">
										<strong>
										<em>¥</em>
										<i>2699.00</i>
									</strong>
									</div>

								</div>
							</li>
						</ul>
					</div>
					<div id="profile" class="tab-pane">
						<p>推荐品牌</p>
					</div>
				</div>
			</div>
			<div class="fr detail">

				<div class="tab-main intro">
					<ul class="sui-nav nav-tabs tab-wraped">
						<li class="active">
							<a href="#one" data-toggle="tab">
								<span>商品介绍</span>
							</a>
						</li>
						<li>
							<a href="#two" data-toggle="tab">
								<span>规格与包装</span>
							</a>
						</li>
						<li>
							<a href="#three" data-toggle="tab">
								<span>售后保障</span>
							</a>
						</li>
						<li>
							<a href="#four" data-toggle="tab">
								<span>商品评价</span>
							</a>
						</li>
						<li>
							<a href="#five" data-toggle="tab">
								<span>手机社区</span>
							</a>
						</li>
					</ul>
					<div class="clearfix"></div>
					<div class="tab-content tab-wraped">
						<div id="one" class="tab-pane active">
							<ul class="parameter2 p-parameter-list">
								<li title="华为nova 5 Pro">商品名称：华为nova 5 Pro</li>
								<li title="100003717473">商品编号：100003717473</li>
								<li title="1.0kg">商品毛重：1.0kg</li>
								<li title="中国大陆">商品产地：中国大陆</li>
								<li title="快速充电">热点：快速充电</li>
								<li title="8GB">运行内存：8GB</li>
								<li title="256GB">机身存储：256GB</li>
								<li title="其他">屏幕前摄组合：其他</li>
								<li title="3500mAh-3749mAh">电池容量：3500mAh-3749mAh</li>
								<li title="其它屏幕比例">屏幕比例：其它屏幕比例</li>
							</ul>
							<div class="intro-detail">
								<img src="img/intro1.jpg" />
								<img src="img/intro2.jpg" />
								<img src="img/intro3.jpg" />
							</div>
						</div>
						<div id="two" class="tab-pane">
							<p>规格与包装</p>
						</div>
						<div id="three" class="tab-pane">
							<p>售后保障</p>
						</div>
						<div id="four" class="tab-pane">
							<p>商品评价</p>
						</div>
						<div id="five" class="tab-pane">
							<p>手机社区</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
 </div>
<!--页面底部-->
<div class="clearfix footer">
	<div class="py-container">
		<div class="footlink">
			<div class="Mod-service">
				<div class="mod_service" clstag="h|keycount|btm|btmnavi_null01">
					<div class="grid_c1 mod_service_inner">
						<ul class="mod_service_list">
							<li class="mod_service_item">
								<div class="mod_service_unit">
									<h5 class="mod_service_tit mod_service_duo">多</h5>
									<p class="mod_service_txt">品类齐全，轻松购物</p>
								</div></li>
							<li class="mod_service_item">
								<div class="mod_service_unit">
									<h5 class="mod_service_tit mod_service_kuai">快</h5>
									<p class="mod_service_txt">多仓直发，极速配送</p>
								</div></li>
							<li class="mod_service_item">
								<div class="mod_service_unit">
									<h5 class="mod_service_tit mod_service_hao">好</h5>
									<p class="mod_service_txt">正品行货，精致服务</p>
								</div></li>
							<li class="mod_service_item">
								<div class="mod_service_unit">
									<h5 class="mod_service_tit mod_service_sheng">省</h5>
									<p class="mod_service_txt">天天低价，畅选无忧</p>
								</div></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="clearfix Mod-list">
				<div class="yui3-g">
					<div class="yui3-u-1-6">
						<h5 style="font-size: 15px;">购物指南</h5>
						<ul class="unstyled">
							<li>购物流程</li>
							<li>会员介绍</li>
							<li>生活旅行/团购</li>
							<li>常见问题</li>
							<li>购物指南</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h5 style="font-size: 15px;">配送方式</h5>
						<ul class="unstyled">
							<li>上门自提</li>
							<li>211限时达</li>
							<li>配送服务查询</li>
							<li>配送费收取标准</li>
							<li>海外配送</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h5 style="font-size: 15px;">支付方式</h5>
						<ul class="unstyled">
							<li>货到付款</li>
							<li>在线支付</li>
							<li>分期付款</li>
							<li>邮局汇款</li>
							<li>公司转账</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h5 style="font-size: 15px;">售后服务</h5>
						<ul class="unstyled">
							<li>售后政策</li>
							<li>价格保护</li>
							<li>退款说明</li>
							<li>返修/退换货</li>
							<li>取消订单</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h5 style="font-size: 15px;">特色服务</h5>
						<ul class="unstyled">
							<li>夺宝岛</li>
							<li>DIY装机</li>
							<li>延保服务</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<div class="mod_help_cover">
							<h5 class="mod_help_cover_tit">自营覆盖区县</h5>
							<div class="mod_help_cover_con">
								<p class="mod_help_cover_info">已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
								<p class="mod_help_cover_more">
									<a href="//help.jd.com/user/issue/103-983.html" target="_blank">查看详情
									</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="Mod-copyright">
				<ul class="helpLink">
					<li>关于我们<span class="space"></span></li>
					<li>联系我们<span class="space"></span></li>
					<li>联系客服<span class="space"></span></li>
					<li>合作招商<span class="space"></span></li>
					<li>商家帮助<span class="space"></span></li>
					<li>营销中心<span class="space"></span></li>
					<li>友情链接<span class="space"></span></li>
					<li>销售联盟<span class="space"></span></li>
					<li>友情链接<span class="space"></span></li>
					<li>隐私政策</li>
				</ul>
				<p>京公网安备 1****002000088号|京ICP证0*****9号|互联网药品信息服务资格证编号(京)-经营性-2014-0008|新出发京零 字第大1*****2号</p>
				<p>京ICP备0*****1号京公网安备1***********2</p>
			</div>
		</div>
	</div>
</div>

	
<!--侧栏面板开始-->
<div class="J-global-toolbar">
	<div class="toolbar-wrap J-wrap">
		<div class="toolbar">
			<div class="toolbar-panels J-panel">

				<!-- 购物车 -->
				<div style="visibility: hidden;" class="J-content toolbar-panel tbar-panel-cart toolbar-animate-out">
					<h3 class="tbar-panel-header J-panel-header">
						<a href="" class="title"><i></i><em class="title">购物车</em></a>
						<span class="close-panel J-close" onclick="cartPanelView.tbar_panel_close('cart');" ></span>
					</h3>
					<div class="tbar-panel-main">
						<div class="tbar-panel-content J-panel-content">
							<div id="J-cart-tips" class="tbar-tipbox hide">
								<div class="tip-inner">
									<span class="tip-text">还没有登录，登录后商品将被保存</span>
									<a href="#none" class="tip-btn J-login">登录</a>
								</div>
							</div>
							<div id="J-cart-render">
								<!-- 列表 -->
								<div id="cart-list" class="tbar-cart-list">
								</div>
							</div>
						</div>
					</div>
					<!-- 小计 -->
					<div id="cart-footer" class="tbar-panel-footer J-panel-footer">
						<div class="tbar-checkout">
							<div class="jtc-number"> <strong class="J-count" id="cart-number">0</strong>件商品 </div>
							<div class="jtc-sum"> 共计：<strong class="J-total" id="cart-sum">¥0</strong> </div>
							<a class="jtc-btn J-btn" href="#none" target="_blank">去购物车结算</a>
						</div>
					</div>
				</div>

				<!-- 我的关注 -->
				<div style="visibility: hidden;" data-name="follow" class="J-content toolbar-panel tbar-panel-follow">
					<h3 class="tbar-panel-header J-panel-header">
						<a href="#" target="_blank" class="title"> <i></i> <em class="title">我的关注</em> </a>
						<span class="close-panel J-close" onclick="cartPanelView.tbar_panel_close('follow');"></span>
					</h3>
					<div class="tbar-panel-main">
						<div class="tbar-panel-content J-panel-content">
							<div class="tbar-tipbox2">
								<div class="tip-inner"> <i class="i-loading"></i> </div>
							</div>
						</div>
					</div>
					<div class="tbar-panel-footer J-panel-footer"></div>
				</div>

				<!-- 我的足迹 -->
				<div style="visibility: hidden;" class="J-content toolbar-panel tbar-panel-history toolbar-animate-in">
					<h3 class="tbar-panel-header J-panel-header">
						<a href="#" target="_blank" class="title"> <i></i> <em class="title">我的足迹</em> </a>
						<span class="close-panel J-close" onclick="cartPanelView.tbar_panel_close('history');"></span>
					</h3>
					<div class="tbar-panel-main">
						<div class="tbar-panel-content J-panel-content">
							<div class="jt-history-wrap">
								<ul>
									<!--<li class="jth-item">
										<a href="#" class="img-wrap"> <img src=".portal/img/like_03.png" height="100" width="100" /> </a>
										<a class="add-cart-button" href="#" target="_blank">加入购物车</a>
										<a href="#" target="_blank" class="price">￥498.00</a>
									</li>
									<li class="jth-item">
										<a href="#" class="img-wrap"> <img src="portal/img/like_02.png" height="100" width="100" /></a>
										<a class="add-cart-button" href="#" target="_blank">加入购物车</a>
										<a href="#" target="_blank" class="price">￥498.00</a>
									</li>-->
								</ul>
								<a href="#" class="history-bottom-more" target="_blank">查看更多足迹商品 &gt;&gt;</a>
							</div>
						</div>
					</div>
					<div class="tbar-panel-footer J-panel-footer"></div>
				</div>

			</div>

			<div class="toolbar-header"></div>

			<!-- 侧栏按钮 -->
			<div class="toolbar-tabs J-tab">
				<div onclick="cartPanelView.tabItemClick('cart')" class="toolbar-tab tbar-tab-cart" data="购物车" tag="cart" >
					<i class="tab-ico"></i>
					<em class="tab-text"></em>
					<span class="tab-sub J-count " id="tab-sub-cart-count">0</span>
				</div>
				<div onclick="cartPanelView.tabItemClick('follow')" class="toolbar-tab tbar-tab-follow" data="我的关注" tag="follow" >
					<i class="tab-ico"></i>
					<em class="tab-text"></em>
					<span class="tab-sub J-count hide">0</span>
				</div>
				<div onclick="cartPanelView.tabItemClick('history')" class="toolbar-tab tbar-tab-history" data="我的足迹" tag="history" >
					<i class="tab-ico"></i>
					<em class="tab-text"></em>
					<span class="tab-sub J-count hide">0</span>
				</div>
			</div>

			<div class="toolbar-footer">
				<div class="toolbar-tab tbar-tab-top" > <a href="#"> <i class="tab-ico  "></i> <em class="footer-tab-text">顶部</em> </a> </div>
				<div class="toolbar-tab tbar-tab-feedback" > <a href="#" target="_blank"> <i class="tab-ico"></i> <em class="footer-tab-text ">反馈</em> </a> </div>
			</div>

			<div class="toolbar-mini"></div>

		</div>

		<div id="J-toolbar-load-hook"></div>

	</div>
</div>

<script type="text/javascript" src="js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.jqzoom/jquery.jqzoom.js"></script>
<script type="text/javascript" src="js/plugins/jquery.jqzoom/zoom.js"></script>
<!--页面底部  结束 -->
</body>

</html>